<template>
<div>
    <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../images/menu1(1).png">
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
                                <p class='mui-ellipsis2'>
                                <span>2019-08-09 12:32:03</span>
                                <span>点赞0次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../images/menu2.png">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
                            <p class='mui-ellipsis2'>
                                <span>2019-08-09 12:32:03</span>
                                <span>点赞0次</span>
                            </p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../images/menu3.png">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
                            <p class='mui-ellipsis2'>
                                <span>2019-08-09 12:32:03</span>
                                <span>点赞0次</span>
                            </p>
						</div>
					</a>
				</li>

			</ul>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="scss" scoped>
    li {
        .mui-ellipsis2 {
            color: #226aff;
            display: flex;
            justify-content: space-between;
        }
    }

</style>
